<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>手账菌:分享手账,记录点滴,寻找美好</title>
		<link media="all" type="text/css" rel="stylesheet" href="bootstrap3.1.1/css/bootstrap.min.css">
		<link media="all" type="text/css" rel="stylesheet" href="css/style.css">
		<link media="all" type="text/css" rel="stylesheet" href="css/style3.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/backtop.js"></script> 
	</head>
	
	<body>
		<div class="navbar navbar-default navbar-fixed-top mainhead-navbox" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle mainhead-navbtn" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">菜单导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					
					<div class='navbar-brand'>
						<div class="praise">
							<span id="praise"><img src="img/common/qxzan.png" id="praise-img" /></span>
							<span id="praise-txt">1500</span>
							<span id="add-num"><em>+1</em></span>
						</div>
					</div>
				</div>
						<script>
							$(function(){
								$("#praise").click(function(){
									var praise_img = $("#praise-img");
									var text_box = $("#add-num");
									var praise_txt = $("#praise-txt");
									var num=parseInt(praise_txt.text());
									if(praise_img.attr("src") == ("img/common/zan.png")){
										$(this).html("<img src='img/common/qxzan.png' id='praise-img' class='animation' />");
										praise_txt.removeClass("hover");
										text_box.show().html("<em class='add-animation'>-1</em>");
										$(".add-animation").removeClass("hover");
										num -=1;
										praise_txt.text(num)
									}else{
										$(this).html("<img src='img/common/zan.png' id='praise-img' class='animation' />");
										praise_txt.addClass("hover");
										text_box.show().html("<em class='add-animation'>+1</em>");
										$(".add-animation").addClass("hover");
										num +=1;
										praise_txt.text(num)
									}
								});
							})
						</script>
		
				<div class="navbar-collapse collapse mainhead-collapse">
					<ul class="nav mainhead-nav">
						<li><a href="index.html" title='我们的日常'>日常</a></li>
						<li><a href="index2.html" title="手账的基本">手账</a></li>
						<li class='active'><a href="index3.html" title='动手做手账'>教程</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="sectioncon">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-9 col-xl-9">
                        <div class="blog">
                            <h3 class="text">懒人手帐速成的秘诀！</h3>
                            <p>教你分分钟搞定一页手帐，你想学吗？</p><br />
                            <img src="img/img3/5.jpg" alt="Image" class="img-fluid img-post"><br />
                            <p>看到上期贴圆的教程大家觉得很好用，然后班班觉得剪胶带太费时了，so，这期教大家一个懒人速成的手帐方法，不用剪胶带呦~花花撒起来(￣▽￣)~*</p><br />
                           	<p>那么这个懒人可以速成的方法是什么呢？</p><br />
                           	<p>duang~</p><br />
                           	<p>就是 水彩晕染！</p><br />
                           	<p>敲方便！敲简单!然后还敲好看！</p><br />
                           	<p>准备工具：</p><br />
                           	<p>首先我们要准备的工具肯定是我们的水彩颜料咯，水溶性彩铅好像也可以，但是效果应该没有水彩的自然，大家可以试试看。一点点就ok了，然后水，毛笔，手帐本。（ps：要注意的是先看下自己的手帐本的纸张够不够厚，或者是用其他的纸垫在下面以防渗漏）</p><br />
                           	<p>正式开工：</p><br />
                           	<p>1，先用颜料+水（可稍稍多点）调和一下，让颜色尽量浅，每次只使用一中颜色就好了（啊，我是随手拿的一个剪刀塑料壳来放的，你们有盘子的还是用盘子哈）</p><br />                   
                           	<p>（差不多就是这样的感觉哈，毛笔最好是用这种毛量多点的)</p><br />
                           	<p>2,前面和你们说的怕本子颜料渗到后面纸张，可以在下面垫一张平整的纸板卡片什么的，如果用的是活页的同学直接拿出来画更方便~</p><br />
                           	<p>3，然后从上至下画来回的方式画到页面低，然后要注意的是不要停顿在一个地方很久，不然很容易把纸打湿，还记得前几期有讲过要注意留白对吧，画的同时把四周都留有空间，然后可以再蘸点颜料对有些地方进行添色处理</p><br />
                           	<p>4，ok，已经基本完工了哈，现在等着它干掉，干的很快的，出去上个厕所回来就好了</p><br />
                           	<p>5，在已经干了色块上写上文字就ok了，写英文会更有感觉，但是现在班班还木有练到家哈哈，是不是很简单啊○|￣|_大家还可以一种颜色涂抹一块地方，用几种颜色来画，注意几种颜色搭配要尽量保持和谐哦，不然一个不注意就毁掉了...</p><br />
                           	<p>----------------------------------------------------------</p><br />
                           	<p>懒人手帐教程就酱了，希望对你们会有帮助~再见！</p><br />
                        </div>
					</div>
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-3 col-xl-3 aside-r">
                        <div class="aside-container">
                            <h3 class="title">
                                                                【手帐get!】
                            </h3>
                            <div class="nav-container">
                                <ul class="nav">
                                    <li><a href="index3.html" class="text-link">教程 | 10分钟掌握手帐入门技能</a></li>
                                    <li><a href="index3_2.html" class="text-link">教程 | 入门级手帐教程</a></li>
                                </ul>
                        	</div>
						</div>
                	</div>
 				</div>
        	</div>
        </div>   
		
		
		
		
		
		<div class="container">
			<div class="mainfoot center">
				<p>
					&copy;2016-2017 手账菌  &nbsp;  &nbsp; <a href='login.html' title='关于手账菌'>关于手账菌</a> &nbsp;  &nbsp; <a href='login.html' title='联系手账菌'>联系手账菌</a>
				</p>
				<div class='row'>
					<div class='row partnerbox'>
						<a href="login.html" title='手机应用'>手机应用</a> &nbsp;
						<a href="login.html" title='意见反馈'>意见反馈</a> &nbsp;
						<a href="login.html" title='联系我们'>联系我们</a>  &nbsp;
						<a href="login.html" target="_blank" title="使用条款">使用条款</a>  
					</div>	
				</div>
			</div>
		</div>

		<!--左侧-->
		<div class="leftside">
			<a href="login.html" class="way1" title="facebook分享"><img src="img/img1/way01.jpg" width="50" height="50" /></a>
			<a href="login.html" class="way2" title="twitter分享"><img src="img/img1/way02.jpg" width="50" height="50" /></a>
			<a href="login.html" class="way3" title="Google分享"><img src="img/img1/way03.jpg" width="50" height="50" /></a>
			<a href="login.html" class="way4" title="ins分享"><img src="img/img1/way04.jpg"  width="50" height="50" /></a>
			<a href="login.html" class="way5" title="更多分享方式"><img src="img/img1/way05.jpg"  width="50" height="50" /></a>
		</div>
		
		<!--返回顶部-->
		<a href="#0" class="cd-top">Top</a>
		
		<script src="js/jquery.min.js"></script>
		<script src="bootstrap3.1.1/js/bootstrap.min.js"></script>
		
		<script>
			$(function(){
				$('.leftside a').hover(function(){
					$(this).animate({width:'65px'},300);	
				},function(){
				$(this).animate({width:'50px'},300);	
				});
			});
		</script>
	</body>
</html>
